<div id="add-buddy">
  <div class="palm-page-header multi-line">
	<div class="palm-page-header-wrapper">
      <div class="icon messaging-app"></div>
      <div id="addBuddyText" class="title">添加好友</div>
    </div>
  </div>

	<div class="palm-group">
		<div class="palm-group-title">IM 服务</div>
		<div id="servicesContainer" class="palm-list">
			<div id="serviceselectrow" class="palm-row single" x-mojo-tap-highlight="momentary">
				<div class="palm-row-wrapper">
					<div id="servicename" class="select-title"></div>
					<div id="serviceSelector" class="preview" x-mojo-element="ListSelector"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="palm-group">
		<div class="palm-group-title">好友姓名</div>      
	   		<div class="palm-list">  
		
				<div id="buddyNameRow" class="palm-row single">                 
					<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
						<div class="textfield-wrapper">
							<div class="title"><div id="buddyNameTextField" class="buddy-name-text-field" x-mojo-element="TextField"></div></div>
						</div>
					</div>
				</div>
				
				<div id="skypeSearchRow" class="palm-row single" x-mojo-tap-highlight="momentary">                 
					<div class="palm-row-wrapper textfield-group">
						<div class="textfield-wrapper">
							<div id="skypeBuddyName" class="title oblique">添加联系人</div>
							<!-- <div id="skypeicon" class="skype-search-button" x-mojo-tap-highlight="momentary"></div> -->
						</div>
					</div>
				</div>
			 </div>
		</div>
	</div>

	<div class="palm-group">
		<div class="palm-group-title">消息</div>      
	    <div class="palm-list">     
			<div class="palm-row single">  
				<div class="palm-row-wrapper textfield-group">
					<div class="title">
						<div id="messageTextField" x-mojo-element="TextField"></div>
					</div>
				</div>	
			</div>
		</div>
	</div>

	<div id='addBuddyButton' x-mojo-element="Button" x-mojo-tap-highlight="momentary"></div>
</div>
